<html>
 <head>
  <script type="application/javascript">
// Copyright David Owens: http://davidowens.wordpress.com/2010/09/07/html-5-canvas-and-dashed-lines/
CanvasRenderingContext2D.prototype.dashedLineTo = function (fromX, fromY, toX, toY, pattern) {
  // Our growth rate for our line can be one of the following:
  //   (+,+), (+,-), (-,+), (-,-)
  // Because of this, our algorithm needs to understand if the x-coord and
  // y-coord should be getting smaller or larger and properly cap the values
  // based on (x,y).
  var lt = function (a, b) { return a <= b; };
  var gt = function (a, b) { return a >= b; };
  var capmin = function (a, b) { return Math.min(a, b); };
  var capmax = function (a, b) { return Math.max(a, b); };

  var checkX = { thereYet: gt, cap: capmin };
  var checkY = { thereYet: gt, cap: capmin };

  if (fromY - toY > 0) {
    checkY.thereYet = lt;
    checkY.cap = capmax;
  }
  if (fromX - toX > 0) {
    checkX.thereYet = lt;
    checkX.cap = capmax;
  }


  var offsetX = fromX;
  var offsetY = fromY;
  var idx = 0, dash = true;
  while (!(checkX.thereYet(offsetX, toX) && checkY.thereYet(offsetY, toY))) {
    var ang = Math.atan2(toY - fromY, toX - fromX);
    var len = pattern[idx];

    offsetX = checkX.cap(toX, offsetX + (Math.cos(ang) * len));
    offsetY = checkY.cap(toY, offsetY + (Math.sin(ang) * len));

    if (dash) this.lineTo(offsetX, offsetY);
    else this.moveTo(offsetX, offsetY);

    idx = (idx + 1) % pattern.length;
    dash = !dash;
  }
};
function draw() {
 var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");
 ctx.fillStyle = "rgb(240,240,240)";
 ctx.fillRect(0, 0, 1500, 700);
 var gradient1 = ctx.createLinearGradient(0, 0, 0, 701);
 gradient1.addColorStop(0,"rgb(234,234,234)");
 gradient1.addColorStop(1,"rgb(255,255,255)");
 ctx.fillStyle=gradient1;
 ctx.fillRect(0, 0, 1501, 701);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(255,255,255)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(0,699);
 ctx.lineTo(0,0);
 ctx.lineTo(1499,0);
 ctx.stroke();
 ctx.strokeStyle = "rgb(160,160,160)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(1499,0);
 ctx.lineTo(1499,699);
 ctx.lineTo(-1,699);
 ctx.stroke();
 ctx.fillStyle = "rgb(0,0,255)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("TChart",699,31);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeRect(78, 47, 1275, 605);
 var gradient2 = ctx.createLinearGradient(0, 47, 0, 652);
 gradient2.addColorStop(0,"rgb(234,234,234)");
 gradient2.addColorStop(1,"rgb(255,255,255)");
 ctx.fillStyle=gradient2;
 ctx.fillRect(78, 47, 1275, 605);
 ctx.strokeStyle = "rgb(64,64,64)";
 ctx.lineWidth = 2;
 ctx.beginPath();
 ctx.moveTo(78,652);
 ctx.lineTo(1352,652);
 ctx.stroke();
 ctx.strokeStyle = "rgb(128,128,128)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(1224,653);
 ctx.lineTo(1224,657);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(1020,653);
 ctx.lineTo(1020,657);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(817,653);
 ctx.lineTo(817,657);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(613,653);
 ctx.lineTo(613,657);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(410,653);
 ctx.lineTo(410,657);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(206,653);
 ctx.lineTo(206,657);
 ctx.stroke();
 ctx.strokeStyle = "rgb(169,169,169)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(1224,48);
 ctx.lineTo(1224,651);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(1020,48);
 ctx.lineTo(1020,651);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(817,48);
 ctx.lineTo(817,651);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(613,48);
 ctx.lineTo(613,651);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(410,48);
 ctx.lineTo(410,651);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(206,48);
 ctx.lineTo(206,651);
 ctx.stroke();
 ctx.strokeStyle = "rgb(128,128,128)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(1275,653);
 ctx.lineTo(1275,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(155,653);
 ctx.lineTo(155,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(1326,653);
 ctx.lineTo(1326,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(104,653);
 ctx.lineTo(104,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(1071,653);
 ctx.lineTo(1071,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(1122,653);
 ctx.lineTo(1122,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(1173,653);
 ctx.lineTo(1173,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(868,653);
 ctx.lineTo(868,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(919,653);
 ctx.lineTo(919,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(969,653);
 ctx.lineTo(969,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(664,653);
 ctx.lineTo(664,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(715,653);
 ctx.lineTo(715,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(766,653);
 ctx.lineTo(766,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(461,653);
 ctx.lineTo(461,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(512,653);
 ctx.lineTo(512,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(562,653);
 ctx.lineTo(562,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(257,653);
 ctx.lineTo(257,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(308,653);
 ctx.lineTo(308,655);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(359,653);
 ctx.lineTo(359,655);
 ctx.stroke();
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("5",1224,661);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("4",1020,661);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("3",817,661);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("2",613,661);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("1",410,661);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("0",206,661);
 ctx.strokeStyle = "rgb(64,64,64)";
 ctx.lineWidth = 2;
 ctx.beginPath();
 ctx.moveTo(77,47);
 ctx.lineTo(77,651);
 ctx.stroke();
 ctx.strokeStyle = "rgb(128,128,128)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(76,53);
 ctx.lineTo(72,53);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,78);
 ctx.lineTo(72,78);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,103);
 ctx.lineTo(72,103);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,128);
 ctx.lineTo(72,128);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,153);
 ctx.lineTo(72,153);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,178);
 ctx.lineTo(72,178);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,203);
 ctx.lineTo(72,203);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,228);
 ctx.lineTo(72,228);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,252);
 ctx.lineTo(72,252);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,277);
 ctx.lineTo(72,277);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,302);
 ctx.lineTo(72,302);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,327);
 ctx.lineTo(72,327);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,352);
 ctx.lineTo(72,352);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,377);
 ctx.lineTo(72,377);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,402);
 ctx.lineTo(72,402);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,427);
 ctx.lineTo(72,427);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,452);
 ctx.lineTo(72,452);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,477);
 ctx.lineTo(72,477);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,502);
 ctx.lineTo(72,502);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,526);
 ctx.lineTo(72,526);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,551);
 ctx.lineTo(72,551);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,576);
 ctx.lineTo(72,576);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,601);
 ctx.lineTo(72,601);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,626);
 ctx.lineTo(72,626);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,651);
 ctx.lineTo(72,651);
 ctx.stroke();
 ctx.strokeStyle = "rgb(169,169,169)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(79,53);
 ctx.lineTo(1352,53);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,78);
 ctx.lineTo(1352,78);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,103);
 ctx.lineTo(1352,103);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,128);
 ctx.lineTo(1352,128);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,153);
 ctx.lineTo(1352,153);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,178);
 ctx.lineTo(1352,178);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,203);
 ctx.lineTo(1352,203);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,228);
 ctx.lineTo(1352,228);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,252);
 ctx.lineTo(1352,252);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,277);
 ctx.lineTo(1352,277);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,302);
 ctx.lineTo(1352,302);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,327);
 ctx.lineTo(1352,327);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,352);
 ctx.lineTo(1352,352);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,377);
 ctx.lineTo(1352,377);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,402);
 ctx.lineTo(1352,402);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,427);
 ctx.lineTo(1352,427);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,452);
 ctx.lineTo(1352,452);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,477);
 ctx.lineTo(1352,477);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,502);
 ctx.lineTo(1352,502);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,526);
 ctx.lineTo(1352,526);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,551);
 ctx.lineTo(1352,551);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,576);
 ctx.lineTo(1352,576);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,601);
 ctx.lineTo(1352,601);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(79,626);
 ctx.lineTo(1352,626);
 ctx.stroke();
 ctx.strokeStyle = "rgb(128,128,128)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(76,72);
 ctx.lineTo(74,72);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,66);
 ctx.lineTo(74,66);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,59);
 ctx.lineTo(74,59);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,97);
 ctx.lineTo(74,97);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,91);
 ctx.lineTo(74,91);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,84);
 ctx.lineTo(74,84);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,122);
 ctx.lineTo(74,122);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,116);
 ctx.lineTo(74,116);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,109);
 ctx.lineTo(74,109);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,147);
 ctx.lineTo(74,147);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,141);
 ctx.lineTo(74,141);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,134);
 ctx.lineTo(74,134);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,172);
 ctx.lineTo(74,172);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,166);
 ctx.lineTo(74,166);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,159);
 ctx.lineTo(74,159);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,197);
 ctx.lineTo(74,197);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,191);
 ctx.lineTo(74,191);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,184);
 ctx.lineTo(74,184);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,222);
 ctx.lineTo(74,222);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,216);
 ctx.lineTo(74,216);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,209);
 ctx.lineTo(74,209);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,246);
 ctx.lineTo(74,246);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,240);
 ctx.lineTo(74,240);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,234);
 ctx.lineTo(74,234);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,271);
 ctx.lineTo(74,271);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,265);
 ctx.lineTo(74,265);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,258);
 ctx.lineTo(74,258);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,296);
 ctx.lineTo(74,296);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,290);
 ctx.lineTo(74,290);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,283);
 ctx.lineTo(74,283);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,321);
 ctx.lineTo(74,321);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,315);
 ctx.lineTo(74,315);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,308);
 ctx.lineTo(74,308);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,346);
 ctx.lineTo(74,346);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,340);
 ctx.lineTo(74,340);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,333);
 ctx.lineTo(74,333);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,371);
 ctx.lineTo(74,371);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,365);
 ctx.lineTo(74,365);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,358);
 ctx.lineTo(74,358);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,396);
 ctx.lineTo(74,396);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,390);
 ctx.lineTo(74,390);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,383);
 ctx.lineTo(74,383);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,421);
 ctx.lineTo(74,421);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,415);
 ctx.lineTo(74,415);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,408);
 ctx.lineTo(74,408);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,446);
 ctx.lineTo(74,446);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,440);
 ctx.lineTo(74,440);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,433);
 ctx.lineTo(74,433);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,471);
 ctx.lineTo(74,471);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,465);
 ctx.lineTo(74,465);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,458);
 ctx.lineTo(74,458);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,496);
 ctx.lineTo(74,496);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,490);
 ctx.lineTo(74,490);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,483);
 ctx.lineTo(74,483);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,520);
 ctx.lineTo(74,520);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,514);
 ctx.lineTo(74,514);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,508);
 ctx.lineTo(74,508);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,545);
 ctx.lineTo(74,545);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,539);
 ctx.lineTo(74,539);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,532);
 ctx.lineTo(74,532);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,570);
 ctx.lineTo(74,570);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,564);
 ctx.lineTo(74,564);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,557);
 ctx.lineTo(74,557);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,595);
 ctx.lineTo(74,595);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,589);
 ctx.lineTo(74,589);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,582);
 ctx.lineTo(74,582);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,620);
 ctx.lineTo(74,620);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,614);
 ctx.lineTo(74,614);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,607);
 ctx.lineTo(74,607);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,645);
 ctx.lineTo(74,645);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,639);
 ctx.lineTo(74,639);
 ctx.stroke();
 ctx.beginPath();
 ctx.moveTo(76,632);
 ctx.lineTo(74,632);
 ctx.stroke();
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("240",59,49);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("230",59,74);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("220",59,99);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("210",59,124);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("200",59,149);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("190",59,174);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("180",59,199);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("170",59,224);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("160",59,248);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("150",59,273);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("140",59,298);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("130",59,323);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("120",59,348);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("110",59,373);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("100",59,398);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("90",63,423);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("80",63,448);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("70",63,473);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("60",63,498);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("50",63,522);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("40",63,547);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("30",63,572);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("20",63,597);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("10",63,622);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("0",66,647);
 ctx.save();
 ctx.beginPath();
 ctx.moveTo(79,47);
 ctx.lineTo(1352,47);
 ctx.lineTo(1352,651);
 ctx.lineTo(79,651);
 ctx.lineTo(79,47);
 ctx.clip();
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeRect(142, 402, 129, 249);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(142, 402, 129, 249);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeRect(346, 97, 129, 554);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(346, 97, 129, 554);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeRect(549, 302, 129, 349);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(549, 302, 129, 349);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeRect(753, 315, 129, 336);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(753, 315, 129, 336);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeRect(956, 433, 129, 218);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(956, 433, 129, 218);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeRect(1160, 346, 129, 305);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(1160, 346, 129, 305);
 ctx.restore();
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(255,255,255)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(206,402);
 ctx.lineTo(206,382);
 ctx.stroke();
 ctx.shadowColor="rgba(128,128,128,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(128,128,128,0.5)";
 ctx.beginPath();
 ctx.moveTo(193,372);
 ctx.lineTo(193,382);
 ctx.quadraticCurveTo(193,386,197,386);
 ctx.lineTo(221,386);
 ctx.quadraticCurveTo(225,386,225,382);
 ctx.lineTo(225,372);
 ctx.quadraticCurveTo(225,368,221,368);
 ctx.lineTo(197,368);
 ctx.quadraticCurveTo(193,368,193,372);
 ctx.fill();
 ctx.shadowBlur=0;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.fillStyle = "rgb(255,255,225)";
 ctx.beginPath();
 ctx.moveTo(190,369);
 ctx.lineTo(190,379);
 ctx.quadraticCurveTo(190,383,194,383);
 ctx.lineTo(218,383);
 ctx.quadraticCurveTo(222,383,222,379);
 ctx.lineTo(222,369);
 ctx.quadraticCurveTo(222,365,218,365);
 ctx.lineTo(194,365);
 ctx.quadraticCurveTo(190,365,190,369);
 ctx.stroke();
 ctx.fill();
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Arial";
 ctx.fillText("100",206,369);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(255,255,255)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(410,97);
 ctx.lineTo(410,77);
 ctx.stroke();
 ctx.shadowColor="rgba(128,128,128,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(128,128,128,0.5)";
 ctx.beginPath();
 ctx.moveTo(393,67);
 ctx.lineTo(393,77);
 ctx.quadraticCurveTo(393,81,397,81);
 ctx.lineTo(430,81);
 ctx.quadraticCurveTo(434,81,434,77);
 ctx.lineTo(434,67);
 ctx.quadraticCurveTo(434,63,430,63);
 ctx.lineTo(397,63);
 ctx.quadraticCurveTo(393,63,393,67);
 ctx.fill();
 ctx.shadowBlur=0;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.fillStyle = "rgb(255,255,225)";
 ctx.beginPath();
 ctx.moveTo(390,64);
 ctx.lineTo(390,74);
 ctx.quadraticCurveTo(390,78,394,78);
 ctx.lineTo(427,78);
 ctx.quadraticCurveTo(431,78,431,74);
 ctx.lineTo(431,64);
 ctx.quadraticCurveTo(431,60,427,60);
 ctx.lineTo(394,60);
 ctx.quadraticCurveTo(390,60,390,64);
 ctx.stroke();
 ctx.fill();
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Arial";
 ctx.fillText("222.5",410,64);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(255,255,255)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(613,302);
 ctx.lineTo(613,282);
 ctx.stroke();
 ctx.shadowColor="rgba(128,128,128,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(128,128,128,0.5)";
 ctx.beginPath();
 ctx.moveTo(600,272);
 ctx.lineTo(600,282);
 ctx.quadraticCurveTo(600,286,604,286);
 ctx.lineTo(628,286);
 ctx.quadraticCurveTo(632,286,632,282);
 ctx.lineTo(632,272);
 ctx.quadraticCurveTo(632,268,628,268);
 ctx.lineTo(604,268);
 ctx.quadraticCurveTo(600,268,600,272);
 ctx.fill();
 ctx.shadowBlur=0;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.fillStyle = "rgb(255,255,225)";
 ctx.beginPath();
 ctx.moveTo(597,269);
 ctx.lineTo(597,279);
 ctx.quadraticCurveTo(597,283,601,283);
 ctx.lineTo(625,283);
 ctx.quadraticCurveTo(629,283,629,279);
 ctx.lineTo(629,269);
 ctx.quadraticCurveTo(629,265,625,265);
 ctx.lineTo(601,265);
 ctx.quadraticCurveTo(597,265,597,269);
 ctx.stroke();
 ctx.fill();
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Arial";
 ctx.fillText("140",613,269);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(255,255,255)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(817,315);
 ctx.lineTo(817,295);
 ctx.stroke();
 ctx.shadowColor="rgba(128,128,128,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(128,128,128,0.5)";
 ctx.beginPath();
 ctx.moveTo(804,285);
 ctx.lineTo(804,295);
 ctx.quadraticCurveTo(804,299,808,299);
 ctx.lineTo(832,299);
 ctx.quadraticCurveTo(836,299,836,295);
 ctx.lineTo(836,285);
 ctx.quadraticCurveTo(836,281,832,281);
 ctx.lineTo(808,281);
 ctx.quadraticCurveTo(804,281,804,285);
 ctx.fill();
 ctx.shadowBlur=0;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.fillStyle = "rgb(255,255,225)";
 ctx.beginPath();
 ctx.moveTo(801,282);
 ctx.lineTo(801,292);
 ctx.quadraticCurveTo(801,296,805,296);
 ctx.lineTo(829,296);
 ctx.quadraticCurveTo(833,296,833,292);
 ctx.lineTo(833,282);
 ctx.quadraticCurveTo(833,278,829,278);
 ctx.lineTo(805,278);
 ctx.quadraticCurveTo(801,278,801,282);
 ctx.stroke();
 ctx.fill();
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Arial";
 ctx.fillText("135",817,282);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(255,255,255)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(1020,433);
 ctx.lineTo(1020,413);
 ctx.stroke();
 ctx.shadowColor="rgba(128,128,128,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(128,128,128,0.5)";
 ctx.beginPath();
 ctx.moveTo(1006,403);
 ctx.lineTo(1006,413);
 ctx.quadraticCurveTo(1006,417,1010,417);
 ctx.lineTo(1037,417);
 ctx.quadraticCurveTo(1041,417,1041,413);
 ctx.lineTo(1041,403);
 ctx.quadraticCurveTo(1041,399,1037,399);
 ctx.lineTo(1010,399);
 ctx.quadraticCurveTo(1006,399,1006,403);
 ctx.fill();
 ctx.shadowBlur=0;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.fillStyle = "rgb(255,255,225)";
 ctx.beginPath();
 ctx.moveTo(1003,400);
 ctx.lineTo(1003,410);
 ctx.quadraticCurveTo(1003,414,1007,414);
 ctx.lineTo(1034,414);
 ctx.quadraticCurveTo(1038,414,1038,410);
 ctx.lineTo(1038,400);
 ctx.quadraticCurveTo(1038,396,1034,396);
 ctx.lineTo(1007,396);
 ctx.quadraticCurveTo(1003,396,1003,400);
 ctx.stroke();
 ctx.fill();
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Arial";
 ctx.fillText("87.5",1020,400);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(255,255,255)";
 ctx.lineWidth = 1;
 ctx.beginPath();
 ctx.moveTo(1224,346);
 ctx.lineTo(1224,326);
 ctx.stroke();
 ctx.shadowColor="rgba(128,128,128,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(128,128,128,0.5)";
 ctx.beginPath();
 ctx.moveTo(1207,316);
 ctx.lineTo(1207,326);
 ctx.quadraticCurveTo(1207,330,1211,330);
 ctx.lineTo(1244,330);
 ctx.quadraticCurveTo(1248,330,1248,326);
 ctx.lineTo(1248,316);
 ctx.quadraticCurveTo(1248,312,1244,312);
 ctx.lineTo(1211,312);
 ctx.quadraticCurveTo(1207,312,1207,316);
 ctx.fill();
 ctx.shadowBlur=0;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.fillStyle = "rgb(255,255,225)";
 ctx.beginPath();
 ctx.moveTo(1204,313);
 ctx.lineTo(1204,323);
 ctx.quadraticCurveTo(1204,327,1208,327);
 ctx.lineTo(1241,327);
 ctx.quadraticCurveTo(1245,327,1245,323);
 ctx.lineTo(1245,313);
 ctx.quadraticCurveTo(1245,309,1241,309);
 ctx.lineTo(1208,309);
 ctx.quadraticCurveTo(1204,309,1204,313);
 ctx.stroke();
 ctx.fill();
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "center";
 ctx.textBaseline = "top";
 ctx.font = " 11px Arial";
 ctx.fillText("122.5",1224,313);
 ctx.shadowColor="rgba(0,0,0,0)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.fillRect(1397, 96, 56, 83);
 ctx.shadowBlur=0;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeRect(1394, 93, 56, 83);
 ctx.fillStyle = "rgb(255,255,255)";
 ctx.fillRect(1394, 93, 56, 83);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "right";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("100",1444,97);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.shadowColor="rgba(192,192,192,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(192,192,192,0.5)";
 ctx.fillRect(1401, 98, 9, 9);
 ctx.shadowBlur=0;
 ctx.strokeRect(1401, 98, 7, 7);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(1401, 98, 7, 7);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "right";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("222.5",1444,110);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.shadowColor="rgba(192,192,192,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(192,192,192,0.5)";
 ctx.fillRect(1401, 111, 9, 9);
 ctx.shadowBlur=0;
 ctx.strokeRect(1401, 111, 7, 7);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(1401, 111, 7, 7);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "right";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("140",1444,123);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.shadowColor="rgba(192,192,192,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(192,192,192,0.5)";
 ctx.fillRect(1401, 124, 9, 9);
 ctx.shadowBlur=0;
 ctx.strokeRect(1401, 124, 7, 7);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(1401, 124, 7, 7);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "right";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("135",1444,136);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.shadowColor="rgba(192,192,192,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(192,192,192,0.5)";
 ctx.fillRect(1401, 137, 9, 9);
 ctx.shadowBlur=0;
 ctx.strokeRect(1401, 137, 7, 7);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(1401, 137, 7, 7);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "right";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("87.5",1444,149);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.shadowColor="rgba(192,192,192,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(192,192,192,0.5)";
 ctx.fillRect(1401, 150, 9, 9);
 ctx.shadowBlur=0;
 ctx.strokeRect(1401, 150, 7, 7);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(1401, 150, 7, 7);
 ctx.fillStyle = "rgb(0,0,0)";
 ctx.textAlign = "right";
 ctx.textBaseline = "top";
 ctx.font = " 11px Verdana";
 ctx.fillText("122.5",1444,162);
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.strokeStyle = "rgb(0,0,0)";
 ctx.lineWidth = 1;
 ctx.shadowColor="rgba(192,192,192,50)";
 ctx.shadowBlur=4;
 ctx.fillStyle = "rgba(192,192,192,0.5)";
 ctx.fillRect(1401, 163, 9, 9);
 ctx.shadowBlur=0;
 ctx.strokeRect(1401, 163, 7, 7);
 ctx.fillStyle = "rgb(68,102,163)";
 ctx.fillRect(1401, 163, 7, 7);
}
  </script>
 </head>
 <body onload="draw()">
   <canvas id="canvas" width="1500" height="700">This browser does not support HTML5 Canvas</canvas>
 </body>
</html>
